layui.use('upload', function(){
    var upload = layui.upload;
    //执行实例
    var uploadInst = upload.render({
        elem: '#oneUpload', //绑定元素
        url: '/common/sysFile/upload/', //上传接口
        method: 'post',
        data: {id: 'xxx'},//额外参数
        accept: 'images',//指定允许上传时校验的文件类型，可选值有：images（图片）、file（所有文件）、video（视频）、audio（音频）
        auto: false,//是否自动提交
        exts: 'jpg|png|gif|bmp|jpeg',//扩展名
        bindAction: '#tj1',//绑定提交地址
        field: 'file',//提交的文件name
        size: 10000,//文件大小
        //number: 1,//同时上传文件数
        drag: true,//是否允许拖拽
        multiple: false,
        choose: function(obj){
            console.log('choose ....')
            var files = obj.pushFile();
            //预读本地文件，如果是多文件，则会遍历。(不支持ie8/9)
            obj.preview(function(index, file, result){
                console.log(index); //得到文件索引
                console.log(file); //得到文件对象
                var html_="<img width='50px' height='50px' src='"+result+"' />"
                $("#picture").append(html_)
                //这里还可以做一些 append 文件列表 DOM 的操作
                //obj.upload(index, file); //对上传失败的单个文件重新上传，一般在某个事件中使用
                //delete files[index]; //删除列表中对应的文件，一般在某个事件中使用
            });
        },
        before: function(){
            console.log('before ....')
            layer.load();
        },
        done: function(res, index, upload){
            //上传完毕回调
            console.log('done ....')
            console.log(res)
            layer.closeAll('loading'); //关闭loading
        },
        error: function(index, upload){
            console.log('error ....')
            layer.closeAll('loading'); //关闭loading
            //请求异常回调
        }
    });

    upload.render({
        elem: '#anyUpload',
        url: '/common/sysFile/upload/',
        method: 'post',
        data: {id: 'xxx'},//额外参数
        accept: 'images',//指定允许上传时校验的文件类型，可选值有：images（图片）、file（所有文件）、video（视频）、audio（音频）
        multiple: true,
        auto: false,//是否自动提交
        drag: true,//是否允许拖拽
        bindAction: '#tj2',//绑定提交地址
        field: 'file',//提交的文件name
        size: 10000,//文件大小
        number: 4,//同时上传文件数
        exts: 'jpg|png|gif|bmp|jpeg',//扩展名
        allDone: function(obj){ //当文件全部被提交后，才触发
            console.log(obj.total); //得到总文件数
            console.log(obj.successful); //请求成功的文件数
            console.log(obj.aborted); //请求失败的文件数
        },
        done: function(res, index, upload){ //每个文件提交一次触发一次。详见“请求成功的回调”
            console.log(res);
            console.log(index);
            console.log(upload);
        },
        error: function(index, upload){
            //请求异常回调
        }
    });
});

